<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{rol.TituloCrearNuevo}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form id="frmCrear">
                <p:panel header="Nuevo Rol" style="font-size: small">
                    <table>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtNombreRol" value="#{rol.Nombre}:"/>
                            </th>
                            <td align="left">
                                <p:inputText id="txtNombreRol" value="#{rolController.selected.nombre}" title="#{rol.Nombre}" 
                                             required="true" requiredMessage="#{rol.CampoNombre}" style="width: 200px"
                                             onkeyup="value=value.toUpperCase();"/>
                            </td>
                            <td>
                                <p:message for="txtNombreRol" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtDescripcionRol" value="#{rol.Descripcion}:"/>
                            </th>
                            <td align="left">
                                <p:inputTextarea id="txtDescripcionRol" value="#{rolController.selected.descripcion}" style="width: 200px"/>
                            </td>
                        </tr>
                    </table>

                    <p:commandButton action="#{rolController.crearRol()}" value="Guardar" />
                    <br></br>                    
                    <br></br>                    
                    <h:link outcome="Index" value="#{rol.RegresarIndex}" />                    
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

